@media screen and (max-width: 600px) and (min-width: 376px)
{
    body {
        overflow-x: hidden;
    }

    .page{
        display: block;
    }

    .bgblue {
        position: absolute;
        width: 100%;
        height: 590px;
        text-align: center;
        left: 0px;
        top: 0px;
        background: linear-gradient(0deg, #2A2D43 33.29%, #414361 138.04%);
        background-position: 0%;
        position: absolute;
    }

    .circle{
        position: absolute;
        border-radius: 50%;
        width: 100%;
        height: 414px;
        left: 0px;
        top: 380px;
    }

    .bg {
        position: relative;
        width: 78px;
        height: 65px;
        margin: auto;
        top: 0px;
        background: linear-gradient(270deg, #1B065E 0%, #4F5694 101.82%);
        box-shadow: 0px 4px 4px rgba(255, 132, 232, 0.4);
        border-radius: 0px 0px 24px 24px;
    }
    
    .bglogo {
        position: relative;
        width: 54px;
        height: 43px;
        margin: auto;
        top: 10px;
        background: #DCEDFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
    }
    
    .imglogo {
        position: relative;
        width: 41px;
        height: 27px;
        top: 10px;
        margin: auto;
    }

    .fotoinizio{
        position: relative;
        width: 378px;
        height: 378px;
        left: 5px;
        margin: auto;
        top: 160px;
      }

      .bgcv {
        position: relative;
        width: 180px;
        height: 51px;
        margin: auto;
        left: -5px;
        top: -90px;
        background: #FFFFFF;
        box-shadow: 0px 9px 51px 15px rgba(255, 132, 232, 0.4);
        border-radius: 39px;
    }
    
    .bgcv:hover, .bgcv:focus, .bgcv:active { background-color:#ffc4ef; }
    
    a.link {
        /*dato che modificando i paramentri del div .riqcv non funzionava, 
        ho deciso di modificare i parametri delle ancore con la classe link, 
        che è applicato solo a questa scritta e a quelle dello stesso peso*/
        position: absolute;
        width: 155px;
        height: 34px;
        margin: auto;
        top: 3px;
        left: -21px;
        font-family: 'Inferi-Trial';
        font-style: normal;
        font-weight: 700;
        font-size: 21px;
        line-height: 21px;
        text-align: center;
        color: #414361;
    }
    
    .iccv {
        position: absolute;
        max-width: 30px;
        top: 10px;
        left: 9px;
    }
    
    .bgill {
        visibility: hidden;
    }

    .riqill {
        visibility: hidden;
    }

    .icill {
        visibility: hidden;
    }

    .bgrend {
        visibility: hidden;
    }

    .riqrend {
        visibility: hidden;
    }

    .icrend {
        visibility: hidden;
    }

    .bgfoto {
        visibility: hidden;
    }

    .riqfoto {
        visibility: hidden;
    }

    .icfoto {
        visibility: hidden;
    }

    .bgmail {
        visibility: hidden;
    }

    .riqmail {
        visibility: hidden;
    }

    .icmail {
        visibility: hidden;
    }

    .ftext {
        position: relative;
        width: 210px;
        height: 36px;
        margin: auto;
        top: -50px;
        font-family: 'Inferi-Trial';
        font-style: italic;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        color: #414361;
    }
    
    .stext {
        position: relative;
        width: 106px;
        height: 79px;
        margin: auto;
        top: -72px;
        left: -100px;
        font-family: 'Inferi-Trial Bold Italic';
        font-style: bold italic;
        font-weight: 700;
        font-size: 25px;
        line-height: 32px;
        text-align: center;
        color: #414361;
    }
    
    .ttext {
        position: relative;
        width: 240px;
        height: 79px;
        margin: auto;
        top: -185px;
        left: 40px;
        font-family: 'Inferi-Trial Light';
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        line-height: 32px;
        text-align: center;
        color: #FF84E8;
    }

    .containertot {
        position: relative;
        margin: auto;
        top: -200px;
    }

    .slider1-image{
        max-width: 320px;
        max-height: 160px;
    }
    
    .slider-container1
    {
        position: relative;
        width: 320px;
        height: 160px;
        background-color: yellow;
        border: 15px solid #414361;
        border-radius: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        text-align: center;
        overflow: hidden;
    }
    
    .image-container1
    {
        width: 1600px;
        background-color: white;
        border-radius: 0px;
        left: -158px;
        height: 160px;
        clear: both;
        position: relative;
       
        -webkit-transition: left 2s;
        -moz-transition: left 2s;
        -o-transition: left 2s;
        transition: left 2s;
    }
    
    #slider1-image-1:target ~ .image-container1
    {
       left: -158px;
    }
    #slider1-image-2:target ~ .image-container1
    {
       left: -478px;
    }
    #slider1-image-3:target ~ .image-container1
    {
       left: -802px;
    }
    
    #slider1-image-4:target ~ .image-container1
    {
       left: -1122px;
    }
    
    
    .button-container
    {
        position: relative;
        margin: auto;
        top: -30px;
        width: 95px;
        height: 32px;
        background: #414361;
        border-radius: 10px 10px 0px 0px;
    }
    
    .slider-change {
        position: relative;
        display: inline-block;
        height: 14px;
        width: 14px;
        top: 10px;
        border-radius: 50%;
        background-color: #FFA9E7;
        box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    
    }
    
    .slider-change:hover, .slider-change:focus, .slider-change:active { background-color:#FF84E8; }
    
    .slider2-image{
        max-width: 266.6px;
        max-height: 266.6px;
    }
    
    .slider-container2
    {
        position: relative;
        width: 266.6px;
        height: 266.6px;
        background-color: yellow;
        border: 15px solid #414361;
        border-radius: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        text-align: center;
        overflow: hidden;
    }
    
    .image-container2
    {
        position: relative;
        width: 1333.3px;
        background-color: white;
        border-radius: 0px;
        left: -127.5px;
        height: 266.6px;
        clear: both;
        position: relative;
       
        -webkit-transition: left 2s;
        -moz-transition: left 2s;
        -o-transition: left 2s;
        transition: left 2s;
    }
    
    #slider2-image-1:target ~ .image-container2
    {
       left: -127.5px;
    }
    #slider2-image-2:target ~ .image-container2
    {
       left: -398.1px;
    }
    #slider2-image-3:target ~ .image-container2
    {
       left: -668.7px;
    }
    
    #slider2-image-4:target ~ .image-container2
    {
       left: -939.25px;
    }
    
    .slider3-image{
        max-width: 320px;
        max-height: 160px;
    }
    
    .slider-container3
    {
        position: relative;
        width: 320px;
        height: 160px;
        background-color: yellow;
        border: 15px solid #414361;
        border-radius: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        text-align: center;
        overflow: hidden;
    }
    
    .image-container3
    {
        width: 1600px;
        background-color: white;
        border-radius: 0px;
        left: -160px;
        height: 160px;
        clear: both;
        position: relative;
       
        -webkit-transition: left 2s;
        -moz-transition: left 2s;
        -o-transition: left 2s;
        transition: left 2s;
    }
    
    #slider3-image-1:target ~ .image-container3
    {
       left: -154px;
    }
    #slider3-image-2:target ~ .image-container3
    {
       left: -478px;
    }
    #slider3-image-3:target ~ .image-container3
    {
       left: -802px;
    }
    
    #slider3-image-4:target ~ .image-container3
    {
       left: -1126px;
    }

    .topbutton, .arrow {
        visibility: hidden;
    }

}